<!DOCTYPE html>
<html>
<head>

	<title>{{page.title}}</title>

	<link rel="stylesheet" href="base.css" type="text/css">

	<script language="JavaScript"> 

	function change(id) {
		var elt = document.getElementById(id);
		elt.style.backgroundColor='#FFF';  
	}
	</script> 


</head>

<body>

<div id="wrapper">
	
	<div id="header">HEADER</div>
	
	<div id="main-nav">MAIN-NAV</div>
	
	<div id="main-wrapper">
	
		<div id="sidebar">SIDEBAR</div>

		<div id="content">

			<ul id="content-ul">
				<li id="content-li">
						<div class="cell" id="c1" onclick="change('c1');">
							<input class="cell-select" type="checkbox" name="cell1">
							<img class="cell-img">
							<span class="cell-name">TEST1</span>
							<span class="cell-lastchange">LASTCHANGE
</span>
							<input class="cell-edit" type="button" name="edit">
							<input class="cell-remove" type="button" name="remove">

						</div>
						<div class="cell" id="c2" onclick="change('c2');">
							<input class="cell-select" type="checkbox" name="cell1">
							<img class="cell-img">
							<span class="cell-name">TEST1</span>
							<span class="cell-lastchange">LASTCHANGE
</span>
							<input class="cell-edit" type="button" name="edit">
							<input class="cell-remove" type="button" name="remove">

						</div>
				</li>
				<li>Test 2</li>
			</ul>


		</div>
	</div>

</div>



</body></html>